<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="./css/search.css">
    <script src="./font/iconfont.js"></script>
    <title>23201012102--刘启俊--搜索</title>

</head>

<body>
    <header>
        <nav class="top_nav">
            <div class="search">
                <div class="retu" onclick="location.href='index.html'">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fanhuijiantou"></use>
                    </svg>
                </div>
                <div class="box">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-sousuo"></use>
                    </svg>
                    <input type="text" placeholder="搜索商品">
                </div>
                    <button class="schbtn">搜索</button>
            </div>
        </nav>
    </header>


    <section>
        <div class="history">
            <div class="ht">
                <h3>搜索发现</h3>
            </div>
            <ul><!-- 溢出隐藏，并显示为省略号 -->
                <li><a href="#">手机换新</a></li>
                <li><a href="#">空调</a></li>
                <li><a href="#">Xiaomi 14 Pro</a></li>
                <li><a href="#">Redmi K70 Pro</a></li>
                <li><a href="#">洗衣机</a></li>
                <li><a href="#">耳机</a></li>
                <li><a href="#">红米</a></li>
                <li><a href="#">加湿器</a></li>
                <li><a href="#">冰箱</a></li>
                <li><a href="#">电脑</a></li>
            </ul>
        </div>
    </section>

    <footer>
    </footer>
</body>

</html>